{literal}
<script type="text/javascript">
    $(document).ready(function(){
        $("#form_unidade").validate({
            rules: {
        		destinatarios: { required: true },
                descricao: { required: true },
                assunto: { required: true}
            },
            messages: {
            	destinatarios: {required: "Obrigatorio"},
                descricao: {required: "Obrigatorio"},
                assunto: {required: "Obrigatorio"}
            },
            submitHandler: function(form) {
				jqAjaxForm(form, "div_mensagem");
			}
        });

        $("#destinatario").keyup(function() {
            recuperaNomesUsuarios("lista_de_nomes",$("#destinatario").val(),'{/literal}{$_site.url}{literal}');
        });
 
    }); //fecha $(

    function JSAdicionaArquivo(destino)
	{
    	if ($("#destinatarios").val() == "") 
        {	
        	$("#msg_error_destinatarios").html("Obrigatorio");
            return false;
        }else{
        	$("#msg_error_destinatarios").html("");
        }
        
		var indice = parseInt($("#num_arquivos").val())+1;
		$("#num_arquivos").val(indice);
		//"<div id='"+indice+"'><label>Arquivo:</label> <input type='file' name='arquivo[]'> <span onclick='JSRemoveArquivo(\""+indice+"\")' style='cursor:pointer'><font color='blue' class='brod'>[ x ]</font></span></div>" +
		$("#"+destino).append("<div style='padding-bottom:4px'><input type='button' value='selecionar arquivo' id='btn_upload_" + indice + "' name='btn_upload_" + indice + "' class='botao'/><span id='msg_retorno_up_arquivo" + indice + "'></span>" +
				  "<input type='hidden' name='nome_arquivo_" + indice + "' id='nome_arquivo_" + indice + "' value=''>" +
				  "<input type='hidden' name='tipo_arquivo_" + indice + "' id='tipo_arquivo_" + indice + "' value=''></div>" 
							  );

		//FAZ UPLOAD DO ARQUIVO
		jQuery(function(){       

			var button = $('#btn_upload_'+ indice), interval;
			
		    new AjaxUpload(button, 
		    {	
		        action: 'recado/realiza-upload-documento',    
		        data: {'destinatarios':'', 
			 		   'data':''
		      	},
		        responseType: 'json',
		        onSubmit: function(file, ext){
		      		
		        	this.setData({
		        		'destinatarios': $("#destinatarios").val(),
		        		'data': $("#data").val()
		            });

		            //muda nome do botao				
					$(button).val('enviando');
									
					// If you want to allow uploading only 1 file at time,
					// you can disable upload button
					this.disable();
					
					// Uploding -> Uploading. -> Uploading...
					interval = window.setInterval(function(){
						var text = $(button).val();
						if (text.length < 16){
							$(button).val(text + ' . ');					
						} else {
							$(button).val('enviando');				
						}
					}, 200);
		            
		        },
		        onComplete: function(file, response)
		        {   
		        	$(button).remove();
		        	//muda nome do botao
		        	$(button).val('selecionar arquivo');
		        	
					window.clearInterval(interval);
								
					// enable upload button
					//this.enable();
					
					/*if(response.error != 'undefined')
					{*/
						if(response.error != "")
						{
							//imprime mensagem de erro no campo msg
							$("#msg_retorno_up_arquivo" + indice).html("<font color='#BF2323'>"+response.error+"</font><br>");
						}
						else
						{
							if(response.msg != ""){
								//imprime mensagem de sucesso no campo msg
								$("#msg_retorno_up_arquivo" + indice).html("<a href='"+response.url_arquivo+"' target='_blank'><font color='blue'><u>"+response.nome_arquivo+"</u></font></a><br>");
								$("#nome_arquivo_" + indice).val(response.nome_arquivo);
								$("#tipo_arquivo_" + indice).val(response.tipo_arquivo);
							}
						}
					/*}else{
						$("#msg_retorno_up_arquivo").html("erro para apresentar msg/erro");
					}*/
		        }
		    });
		});
		  
		
	}
	function JSRemoveArquivo(destino)
	{
		$("#"+destino).remove();
		var indice = parseInt($("#num_arquivos").val())-1;
		$("#num_arquivos").val(indice);
	}

	
	
</script>
{/literal}
<form id="form_unidade" name="form_unidade" method="post" action="{$_site.url}{$acao}">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="mvTituloFundo">
				  <tr>
					<td>
					{if $servico->id > 0}Editar{else}Novo{/if} Recado
					</td>
				  </tr>
				</table>
    		<table width="100%" border="0" cellspacing="0" cellpadding="0">                
                <tr>
                  <td class="contForm">
                  
                  <table width="100%" border="0" cellspacing="3" cellpadding="0">
                      <tr>
                        <td width="30%" valign="top" class="fundoTituloForm">Destinat&aacute;rio(s):&nbsp;&nbsp;</td>
                        <td class="bordaFormResp">
                        	<a href='recado/form-busca-clientes?' class='ancora_filtrar_clientes'><span class="msgNaoLida brod">[FILTRAR CLIENTES]</span></a>
                        	<div id="lista_de_clientes" style="display:none; width:99%; padding:3px; background-color:#BFCEDC; border:1px #5F6A8A solid" ></div>
                        	<input type="hidden" name="destinatarios" id="destinatarios" value=""><label id="msg_error_destinatarios" class="error"></label>
                        	<input type="hidden" name="data" id="data" value="{$smarty.now|date_format:'%Y%m%d'}">
                        </td>
                      </tr>
                      <tr>
                        <td valign="top" class="fundoTituloForm">Assunto:</td>
                        <td width="70%" class="bordaFormResp"><input name="assunto" type="text" class="formulario tamanhoForm" id="assunto" maxlength="50" value="{$recado->vhr_assunto}" /></td>
                      </tr>
                      <tr>
                        <td width="30%" valign="top" class="fundoTituloForm">Descri&ccedil;&atilde;o:</td>
                        <td class="bordaFormResp"><textarea class="formulario tamanhoForm" rows="8" name="descricao" id="descricao">{$recado->txt_texto}</textarea></td>
                      </tr>
                      <tr>
                        <td valign="top" class="fundoTituloForm">Arquivo:</td>
                        <td width="70%" class="bordaFormResp">
                        	<span id="anexos"></span>
                        	<span onclick="javascript:JSAdicionaArquivo('anexos');" class="msgNaoLida" style="cursor:pointer; padding-top:5px; padding-bottom:5px"><img src="{$site.url}/public/images/ic-documentos.gif" align="top"> Anexar arquivo</span>
                        	<input type="hidden" name="num_arquivos" id="num_arquivos" value="0">
                        </td>
                      </tr>
                  </table>
                  
                  </td>
                </tr>
        		<tr>
                  <td class="paddingTop15 paddingBottom15" align="center"><!-- === Botões ( Salvar e Limpar ) === -->
                      <span class="paddingRight15">
                      	<input type="submit" value="Enviar" class="botao">
                      </span>
                    <span class="paddingRight15">
                    <input name="limpar" type="reset" id="Limpar" value="Limpar" class="botao" />
                    </span>
                    <input type="button" value="Cancelar" onclick="cancelar(); return false;" class="botao">
                      <!-- Final === Botões ( Salvar e Limpar ) === -->                      </td>
                </tr>
              </table>	
    </form>

{literal} 
<script type="text/javascript"> 
$('.ancora_filtrar_clientes').openDOMWindow({ 

	height:400, 
	width:800, 
	positionType:'fixed', 
	positionTop:50, 
	positionLeft:200, 
	eventType:'click',
	loader:1, 
	loaderImagePath:'public/images/loading.gif', 
	loaderHeight:30, 
	loaderWidth:30, 
	windowSource:'ajax', 
	windowHTTPType:'get' 

}); 
</script>
{/literal}